<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/layui.css" media="all">
    <link rel="stylesheet" href="css/login.css" media="all">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <style>
    body {
        font-family: "微软雅黑";
         background-color: #fff;
         position: relative;
    }

    .header,
    .footer {
        width: 65%;         
        margin: 0 auto;
       
    }
    .header{
      
      margin-bottom: 20px;
    }
     .header>div{
      text-align: center;
      font-size:36px;
      letter-spacing:3px;
      color: #000;
      line-height:60px;
     }
    
    .layadmin-user-login-main {
      padding:10px 20px;
      background-color: #fff;
      position:absolute;
      right:200px;
      
      margin-top:50px;
    }
    .layui-form-item:nth-child(1){
          
          margin-bottom:30px;
     }

    
    
     
    .loginBtn {

      border: 1px solid #000;
      background-color: #fff;
      line-height: 35px;
      border-radius: 18px;
      font-size: 18px;
      width:55%;
     
      cursor:pointer;
    }
    .layadmin-user-login-header{ 
      font-size:20px;
      color:#000;
      line-height:45px; 
      letter-spacing: 12px;

    }
    .form-row{
      font-size: 0;
      border-bottom:1px solid #C4C4C4;
      height: 35px;
      margin-top:25px;
       
    }
    .formBox{
      background-color: #fff;
      width:320px;
      padding:20px 30px;
      margin: 0 auto;
    }
     .form-row label, .form-row input{
      display: inline-block;
      vertical-align:middle;
     }
     .form-row label{
        font-size: 12px;
        width:25%;
       height: 35px;
       line-height: 35px;
       cursor:pointer;
     }
     .form-row input{
      box-sizing:border-box;
      text-indent: 15px;
      height: 33px;
      font-size: 18px;
      width:74%;
      line-height: 33px;
      border:none; 
      color:#000;
      background-color: #fff;
     }
     .btngroup{
      margin-top:80px;
      margin-bottom: 60px;
     }
    </style>
</head>

<body>
    <div class="header">
        <div>  <img src="images/logo.jpg" width="100" height="100" alt="" /></div>
        <div>重置密码</div>
    </div>

    <div class="main">
       <div class="formBox">
                <div class="form-row">
                     
                    <input type="text"   name="password"    placeholder="工号"     />
                    
                </div>
                <div class="form-row">
                     <input type="text"   name="password"    placeholder="手机"     />  
                     <label  >获取验证码</label>
                </div>
                 <div class="form-row">
                     <input type="text"   name="password"    placeholder="输入验证码"     />  
                </div>
                 <div class="form-row">
                     <input type="text"   name="password"    placeholder="新密码"     />  
                </div>
                 <div class="form-row">
                     <input type="text"   name="password"    placeholder="确认新密码"     />  
                </div>
                <div class="btngroup">
                    <button class="loginBtn" lay-submit lay-filter="LAY-user-login-submit" @click="reset()">重 置</button>
                </div>
       </div>
    </div>
     
    <div class="footer">
      <div class="language">
        <span>简体&nbsp;</span>|
        <span>繁体&nbsp;</span>|
         <span>English&nbsp;</span>|
          <span>常见问题&nbsp;</span>|
           <span>隐私政策</span>
         </div>
      <div class="copyRight">
        山西煤矿公司版权所有-京ICP备10046444-&nbsp;&nbsp;京公网备11010802020134号-京ICP证110507
      </div>
    </div>
    
    <script type="text/javascript" src="js/static.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script src="layui/layui.all.js"></script>
 
</body>

</html>